@extends('layouts.admin')


@section('fab-wrapper')
    <div class="mdui-fab-wrapper mdui-fab-hide" id="groupFab" mdui-fab="{trigger: 'click'}">
        <button class="mdui-fab mdui-ripple mdui-color-pink-a200">
            <i class="mdui-icon material-icons">add</i>
            <i class="mdui-icon mdui-fab-opened material-icons">mode_edit</i>
        </button>
        <div class="mdui-fab-dial mdui-fab-hide">
            <button class="mdui-fab mdui-fab-mini mdui-ripple mdui-color-red" id="group_add"
                    mdui-tooltip="{content: '新建成员', position: 'left'}"><i class="mdui-icon material-icons">group_add</i>
            </button>
        </div>
    </div>
    <div class="mdui-fab-wrapper mdui-fab-hide" id="indexFab" mdui-fab="{trigger: 'click'}">
        <button class="mdui-fab mdui-ripple mdui-color-pink-a200">
            <i class="mdui-icon material-icons">add</i>
            <i class="mdui-icon mdui-fab-opened material-icons">mode_edit</i>
        </button>
        <div class="mdui-fab-dial">
            <button class="mdui-fab mdui-fab-mini mdui-ripple mdui-color-orange swiper-add-fab"
                    mdui-tooltip="{content: '新建滚动图', position: 'left'}"><i class="mdui-icon material-icons"
                                                                           id="add-swiper">playlist_add</i>
            </button>
        </div>
    </div>
    <div class="mdui-fab-wrapper mdui-fab-hide" id="newsFab" mdui-fab="{trigger: 'click'}">
        <button class="mdui-fab mdui-ripple mdui-color-pink-a200">
            <i class="mdui-icon material-icons">add</i>
            <i class="mdui-icon mdui-fab-opened material-icons">mode_edit</i>
        </button>
        <div class="mdui-fab-dial">
            <button class="mdui-fab mdui-fab-mini mdui-ripple mdui-color-orange news-add-fab"
                    mdui-tooltip="{content: '新建文章', position: 'left'}" mdui-dialog="{target: '#news-dialog'}"><i
                        class="mdui-icon material-icons">playlist_add</i>
            </button>
            <button class="mdui-fab mdui-fab-mini mdui-ripple mdui-color-green mdui-hidden news-edit-fab"
                    mdui-tooltip="{content: '编辑', position: 'left'}" mdui-dialog="{target: '#news-dialog'}"><i
                        class="mdui-icon material-icons">edit</i></button>
            <button class="mdui-fab mdui-fab-mini mdui-ripple mdui-color-black mdui-hidden news-delete-fab"
                    mdui-tooltip="{content: '删除', position: 'left'}" mdui-dialog="{target: '#news-delete-dialog'}"><i
                        class="mdui-icon material-icons">delete</i></button>
        </div>
    </div>
    <div class="mdui-fab-wrapper mdui-fab-hide" id="prosFab" mdui-fab="{trigger: 'click'}">
        <button class="mdui-fab mdui-ripple mdui-color-pink-a200">
            <i class="mdui-icon material-icons">add</i>
            <i class="mdui-icon mdui-fab-opened material-icons">mode_edit</i>
        </button>
        <div class="mdui-fab-dial">
            <button class="mdui-fab mdui-fab-mini mdui-ripple mdui-color-orange pros-add-fab"
                    mdui-tooltip="{content: '添加产品', position: 'left'}" mdui-dialog="{target: '#pros-dialog'}"><i
                        class="mdui-icon material-icons">add_to_photos</i>
            </button>
            <button class="mdui-fab mdui-fab-mini mdui-ripple mdui-color-green mdui-hidden pros-edit-fab"
                    mdui-tooltip="{content: '编辑', position: 'left'}" mdui-dialog="{target: '#pros-dialog'}"><i
                        class="mdui-icon material-icons">edit</i></button>
            <button class="mdui-fab mdui-fab-mini mdui-ripple mdui-color-black mdui-hidden pros-delete-fab"
                    mdui-tooltip="{content: '删除', position: 'left'}" mdui-dialog="{target: '#pros-delete-dialog'}"><i
                        class="mdui-icon material-icons">delete</i></button>
        </div>
    </div>
@endsection


@section('tab1')
    <div class="mdui-container">
        <div class="mdui-chip">
                    <span class="mdui-chip-icon mdui-color-pink-a200"><i
                                class="mdui-icon material-icons">photo_library</i></span>
            <span class="mdui-chip-title">首页滚动图</span>
        </div>
        <div class="mdui-panel" id="swiper_panel" mdui-panel>
            @foreach($swiper as $item)
                <div class="mdui-panel-item" data-id="{{$item->id}}">
                    <div class="mdui-panel-item-header">
                        <div class="mdui-panel-item-title">{{$item->creat_id}}</div>
                        <div class="mdui-panel-item-summary summary-name">{{$item->alt}}</div>
                        <div class="mdui-panel-item-summary summary-job">{{$item->go}}</div>
                        <i class="mdui-panel-item-arrow mdui-icon material-icons">keyboard_arrow_down</i>
                    </div>
                    <div class="mdui-panel-item-body">
                        <div class="mdui-container">
                            <form class="swiperForm" onsubmit="return false;">
                                <div class="mdui-textfield mdui-textfield-floating-label">
                                    <label class="mdui-textfield-label">图片标题</label>
                                    <input name="swiper-alt" class="mdui-textfield-input" type="text"
                                           value="{{$item->alt}}" placeholder/>
                                </div>
                                <div class="mdui-textfield mdui-textfield-floating-label">
                                    <label class="mdui-textfield-label">图片链接</label>
                                    <input name="swiper-go" class="mdui-textfield-input" type="text"
                                           value="{{$item->go}}" placeholder/>
                                    <div class="mdui-textfield-helper">不用包括域名，如：index</div>
                                </div>
                                <div class="mdui-card" style="width: 200px">
                                    <div class="mdui-card-media">
                                        <div class="" style="width: 200px; height: 150px;">
                                            <img alt="" class="mdui-img-circle us-avatar-img" src="{{Storage::disk('uploads')->url($item->filename)}}" style="width: auto; height: auto;max-width: 200px; max-height: 150px"/>
                                        </div>
                                        <div class="mdui-card-media-covered">
                                            <div class="mdui-card-primary">
                                                <div class="mdui-card-primary-title">展示图片</div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="mdui-progress mdui-hidden avatar-progress">
                                        <div class="mdui-progress-determinate" style="width: 0;"></div>
                                    </div>
                                    <div class="mdui-card-actions">
                                        <button class="mdui-btn mdui-ripple edit-avatar">修改</button>
                                        <span class="mdui-text-color-black-disabled"><small>建议200x200</small></span>
                                    </div>
                                    <input type="hidden" name="swiper-filename" value="{{$item->filename}}"/>
                                    <input type="hidden" name="swiper-id" value="{{$item->id}}"/>
                                </div>
                            </form>
                            <form class="swiperShowForm" data-id="{{$item->id}}" enctype="multipart/form-data"
                                  action="{{route('upload_swiper')}}"
                                  method="POST">
                                @csrf

                                <input type="file" name="upload_swiper" class="mdui-hidden upload_swiper"
                                       accept="image/png,image/jpeg"/>
                            </form>
                        </div>
                        <div class="mdui-panel-item-actions">
                            <div class="mdui-progress mdui-hidden swiper-submit-progress">
                                <div class="mdui-progress-indeterminate"></div>
                            </div>
                            <button class="mdui-btn mdui-ripple mdui-color-black swiper-delete"
                                    mdui-dialog="{target: '#delete-swiper-{{$item->id}}'}">delete
                            </button>
                            <button class="mdui-btn mdui-ripple" mdui-panel-item-close>cancel</button>
                            <button class="mdui-btn mdui-ripple mdui-color-pink-a200 swiper-save">save</button>
                            <div class="mdui-dialog" id="delete-swiper-{{$item->id}}">
                                <div class="mdui-dialog-title">确定删除？</div>
                                <div class="mdui-dialog-content">删除后将无法还原！</div>
                                <div class="mdui-dialog-actions">
                                    <button class="mdui-btn mdui-ripple" mdui-dialog-close>cancel</button>
                                    <button class="mdui-btn mdui-ripple mdui-color-black delete-erase"
                                            mdui-dialog-confirm>erase
                                    </button>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            @endforeach
        </div>
    </div>
    </div>
@endsection


@section('tab2')
    <div class="mdui-container">
        <div class="mdui-chip">
            <span class="mdui-chip-icon mdui-color-pink-a200"><i
                        class="mdui-icon material-icons">burst_mode</i></span>
            <span class="mdui-chip-title">产品中心</span>
        </div>
        <div class="mdui-table-fluid">
            <table class="mdui-table mdui-table-selectable" id="pros-table">
                <thead>
                <tr>
                    <th>产品标题</th>
                    <th>产品图片</th>
                    <th>产品信息</th>
                    <th>详细说明</th>
                    <th>产品分类</th>
                    <th>创建时间</th>
                    <th>创建者</th>
                </tr>
                </thead>
                <tbody>
                @foreach($pros_get as $item)
                    <tr class="pros-tr" data-id="{{$item->id}}">
                        <td class="mdui-text-truncate origin-title" style="max-width: 200px;">{{$item->title}}</td>
                        <td><img class="mdui-img-rounded origin-show"
                                 src="{{Storage::disk('uploads')->url($item->show_img)}}"
                                 width="50px"/></td>
                        <td class="mdui-text-truncate origin-content"
                            style="max-width: 200px;">{{$item->type . '|' . $item->material . '...'}}</td>
                        <td class="mdui-text-truncate origin-de-de" style="max-width: 200px;">{{$item->de_de}}</td>
                        <td class="mdui-text-truncate origin-item-id"
                            style="max-width: 200px;">{{$item->item_id}}</td>
                        <td class="mdui-text-truncate" style="max-width: 200px;">{{$item->created_at}}</td>
                        <td>{{$item->created_id}}</td>
                    </tr>
                @endforeach
                </tbody>
            </table>
            <div class="mdui-dialog" id="pros-dialog">
                <input class="mdui-hidden" id="pros-post-type" name="news-post-type" value=""/>
                <div class="mdui-dialog-title" id="update-pros-title">添加/更新产品</div>
                <div class="mdui-dialog-content">
                    <div class="mdui-container">
                        <form id="proForm" onsubmit="return false;">
                            <input id="pro-id" name="pro-id" type="hidden" value="" placeholder/>
                            <div class="mdui-textfield">
                                <label class="mdui-textfield-label">产品标题</label>
                                <input name="pro-title" id="pro-title" class="mdui-textfield-input" type="text"
                                       value="" placeholder/>
                            </div>
                            <input name="pro-show-img" id="pro-show-img" class="mdui-hidden" type="text" value=""
                                   placeholder/>
                            <div class="mdui-card" style="width: 200px">
                                <div class="mdui-card-media">
                                    <div class="" style="width: 200px; height: 150px;">
                                        <img alt="" class="mdui-img-rounded" id="pro-img" src=""
                                             style="width: auto; height: auto; max-width: 200px;  max-height: 150px;"/>
                                    </div>
                                    <div class="mdui-card-media-covered">
                                        <div class="mdui-card-primary">
                                            <div class="mdui-card-primary-title">展示图</div>
                                        </div>
                                    </div>
                                </div>
                                <div class="mdui-progress mdui-hidden" id="pro-pro">
                                    <div class="mdui-progress-determinate" id="pro-progress"
                                         style="width: 0;"></div>
                                </div>
                                <div class="mdui-card-actions">
                                    <button class="mdui-btn mdui-ripple" id="edit-pro-show">添加/修改</button>
                                </div>
                            </div>
                            <button class="mdui-btn mdui-btn-raised mdui-ripple mdui-color-theme-accent"
                                    id="pro-add-img"><i
                                        class="mdui-icon material-icons">file_upload</i>添加更多图片
                            </button>
                            <div class="mdui-textfield">
                                <label class="mdui-textfield-label">产品型号</label>
                                <input name="pro-type" id="pro-type" class="mdui-textfield-input" type="text"
                                       value="" placeholder/>
                            </div>
                            <div class="mdui-textfield">
                                <label class="mdui-textfield-label">产品材质</label>
                                <input name="pro-material" id="pro-material" class="mdui-textfield-input"
                                       type="text" value="" placeholder/>
                            </div>
                            <div class="mdui-textfield">
                                <label class="mdui-textfield-label">产品尺寸</label>
                                <input name="pro-size" id="pro-size" class="mdui-textfield-input" type="text"
                                       value="" placeholder/>
                            </div>
                            <div class="mdui-textfield">
                                <label class="mdui-textfield-label">产品颜色</label>
                                <input name="pro-color" id="pro-color" class="mdui-textfield-input" type="text"
                                       value="" placeholder/>
                            </div>
                            <div class="mdui-textfield">
                                <label class="mdui-textfield-label">产品包装尺寸</label>
                                <input name="pro-bag-type" id="pro-bag-type" class="mdui-textfield-input"
                                       type="text" value="" placeholder/>
                            </div>
                            <div class="mdui-textfield" style="height: 50px">
                                <label class="mdui-textfield-label">详细说明</label>
                                <textarea class="mdui-textfield-input" name="pro-de-de" id="pro-de-de" rows="10"
                                          placeholder=""></textarea>
                            </div>
                            <div class="mdui-textfield">
                                <label class="mdui-textfield-label">类型</label>
                            </div>
                            <select class="mdui-select" name="pro-item-id" id="pro-item-id">
                                <option value="1">卧室</option>
                                <option value="2">厨房</option>
                                <option value="3">餐厅</option>
                                <option value="4">客厅</option>
                                <option value="5">浴室</option>
                                <option value="6">阳台</option>
                                <option value="7">书房</option>
                            </select>
                            <div class="mdui-textfield">
                                <label class="mdui-textfield-label">分类型</label>
                                <input name="pro-zh-type" id="pro-zh-type" class="mdui-textfield-input" type="text"
                                       value="" placeholder/>
                                <div class="mdui-textfield-helper">如：椅子</div>
                            </div>
                        </form>
                        <form id="proShowForm" enctype="multipart/form-data"
                              action="{{route('upload_pro_show_img')}}"
                              method="POST">
                            @csrf

                            <input type="file" name="upload-pro-show-img" class="mdui-hidden"
                                   id="upload-pro-show-img"
                                   accept="image/png,image/jpeg"/>
                        </form>
                    </div>
                </div>
                <div class="mdui-dialog-actions">
                    <button class="mdui-btn mdui-ripple" id="pros-back" mdui-dialog-close>返回</button>
                    <button class="mdui-btn mdui-ripple mdui-color-pink-a200" id="update-pors-button"
                            mdui-dialog-confirm>添加/更新
                    </button>
                </div>
            </div>
            <div class="mdui-dialog" id="pros-delete-dialog">
                <div class="mdui-dialog-title">确定删除？</div>
                <div class="mdui-dialog-content">你将会丢失并无法还原选中的数据。</div>
                <div class="mdui-dialog-actions">
                    <button class="mdui-btn mdui-ripple" mdui-dialog-close>cancel</button>
                    <button class="mdui-btn mdui-ripple mdui-color-theme-accent" id="delete-pros-erase"
                            mdui-dialog-confirm>erase
                    </button>
                </div>
            </div>
        </div>
    </div>
@endsection


@section('tab3')
<div class="mdui-container">
    <div class="mdui-chip">
                    <span class="mdui-chip-icon mdui-color-pink-a200"><i
                                class="mdui-icon material-icons">face</i></span>
        <span class="mdui-chip-title">团队成员</span>
    </div>
    <div class="mdui-panel" id="group_panel" mdui-panel>
        @foreach($about_us as $us)
            <div class="mdui-panel-item" data-id="{{$us->id}}">
                <div class="mdui-panel-item-header">
                    <div class="mdui-panel-item-title">{{$us->id}}</div>
                    <div class="mdui-panel-item-summary summary-name">{{$us->name}}</div>
                    <div class="mdui-panel-item-summary summary-job">{{$us->job}}</div>
                    <i class="mdui-panel-item-arrow mdui-icon material-icons">keyboard_arrow_down</i>
                </div>
                <div class="mdui-panel-item-body">
                    <div class="mdui-container">
                        <form class="usForm" onsubmit="return false;">
                            <div class="mdui-textfield mdui-textfield-floating-label">
                                <label class="mdui-textfield-label">成员姓名</label>
                                <input name="us-name" class="mdui-textfield-input" type="text"
                                       value="{{$us->name}}" placeholder/>
                            </div>
                            <div class="mdui-textfield mdui-textfield-floating-label">
                                <label class="mdui-textfield-label">成员职位</label>
                                <input name="us-job" class="mdui-textfield-input" type="text"
                                       value="{{$us->job}}" placeholder/>
                            </div>
                            <div class="mdui-card" style="width: 200px;height: 250px;">
                                <div class="mdui-card-media">
                                    <img alt="" class="mdui-img-circle us-avatar-img"
                                         src="{{Storage::disk('uploads')->url($us->avatar)}}"
                                         style="width: 200px; height: 200px"/>
                                    <div class="mdui-card-media-covered">
                                        <div class="mdui-card-primary">
                                            <div class="mdui-card-primary-title">成员头像</div>
                                        </div>
                                    </div>
                                </div>
                                <div class="mdui-progress mdui-hidden avatar-progress">
                                    <div class="mdui-progress-determinate" style="width: 0;"></div>
                                </div>
                                <div class="mdui-card-actions">
                                    <button class="mdui-btn mdui-ripple edit-avatar">修改</button>
                                    <span class="mdui-text-color-black-disabled"><small>建议200x200</small></span>
                                </div>
                                <input type="hidden" class="submit-avatar" name="us-avatar"
                                       value="{{$us->avatar}}"/>
                            </div>
                        </form>
                        <form class="avatarForm" data-id="{{$us->id}}" enctype="multipart/form-data"
                              action="{{route('update_avatar')}}"
                              method="POST">
                            @csrf

                            <input type="file" name="upload-avatar" class="mdui-hidden upload-avatar"
                                   accept="image/png,image/jpeg"/>
                        </form>
                    </div>
                    <div class="mdui-panel-item-actions">
                        <div class="mdui-progress mdui-hidden submit-progress">
                            <div class="mdui-progress-indeterminate"></div>
                        </div>
                        <button class="mdui-btn mdui-ripple mdui-color-black us-delete"
                                mdui-dialog="{target: '#delete-us-{{$us->id}}'}">delete
                        </button>
                        <button class="mdui-btn mdui-ripple" mdui-panel-item-close>cancel</button>
                        <button class="mdui-btn mdui-ripple mdui-color-pink-a200 us-save">save</button>
                        <div class="mdui-dialog" id="delete-us-{{$us->id}}">
                            <div class="mdui-dialog-title">确定删除？</div>
                            <div class="mdui-dialog-content">删除后将无法还原！</div>
                            <div class="mdui-dialog-actions">
                                <button class="mdui-btn mdui-ripple" mdui-dialog-close>cancel</button>
                                <button class="mdui-btn mdui-ripple mdui-color-black delete-erase"
                                        mdui-dialog-confirm>erase
                                </button>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        @endforeach
    </div>
</div>
@endsection


@section('tab4')
    <div class="mdui-container">
        <div class="mdui-chip">
                <span class="mdui-chip-icon mdui-color-pink-a200"><i
                            class="mdui-icon material-icons">fiber_new</i></span>
            <span class="mdui-chip-title">新闻资讯</span>
        </div>
        <div class="mdui-table-fluid">
            <table class="mdui-table mdui-table-selectable" id="news-table">
                <thead>
                <tr>
                    <th>新闻标题</th>
                    <th>展示图片</th>
                    <th>展示内容</th>
                    <th>文章内容</th>
                    <th>创建时间</th>
                    <th>创建者</th>
                </tr>
                </thead>
                <tbody>
                @foreach($news_get as $item)
                    <tr class="news-tr" data-id="{{$item->id}}">
                        <td class="mdui-text-truncate origin-title"
                            style="max-width: 200px;">{{$item->title}}</td>
                        <td class="mdui-hidden origin-show">{{$item->show}}</td>
                        <td><img class="mdui-img-rounded origin-show-2"
                                 src="{{Storage::disk('uploads')->url($item->show)}}"
                                 width="50px"/></td>
                        <td class="mdui-text-truncate origin-micro"
                            style="max-width: 200px;">{{$item->micro}}</td>
                        <td class="mdui-text-truncate origin-content"
                            style="max-width: 200px;">{{str_replace('">', '[/img]',str_replace('<img class="new-details-container-t-img" src="', '[img]' . config('app.url') . '/',str_replace('</div>', '',str_replace('<div class="new-details-container-t">', '', str_replace('<div class="new-details-container-t"></div>', PHP_EOL, $item->content)))))}}</td>
                        <td class="mdui-text-truncate" style="max-width: 200px;">{{$item->created_at}}</td>
                        <td>{{$item->created_id}}</td>
                    </tr>
                @endforeach
                </tbody>
            </table>
            <div class="mdui-dialog" id="news-dialog">
                <input class="mdui-hidden" id="news-type" name="news-type" value=""/>
                <div class="mdui-dialog-title" id="update-news-title">添加/更新新闻</div>
                <div class="mdui-dialog-content">
                    <div class="mdui-container">
                        <form id="newForm" onsubmit="return false;">
                            <input id="new-id" name="new-id" type="hidden" value="" placeholder/>
                            <div class="mdui-textfield">
                                <label class="mdui-textfield-label">文章标题</label>
                                <input name="new-title" id="new-title" class="mdui-textfield-input" type="text"
                                       value=""
                                       placeholder/>
                            </div>
                            <div class="mdui-card" style="width: 200px">
                                <div class="mdui-card-media">
                                    <div class="" style="width: 200px; height: 150px;">
                                        <img alt="" class="mdui-img-rounded" id="new-img" src=""
                                             style="width: auto; height: auto; max-width: 200px;  max-height: 150px;"/>
                                    </div>
                                    <div class="mdui-card-media-covered">
                                        <div class="mdui-card-primary">
                                            <div class="mdui-card-primary-title">展示图</div>
                                        </div>
                                    </div>
                                </div>
                                <div class="mdui-progress mdui-hidden avatar-progress">
                                    <div class="mdui-progress-determinate" style="width: 0;"></div>
                                </div>
                                <div class="mdui-card-actions">
                                    <button class="mdui-btn mdui-ripple" id="edit-show">添加/修改</button>
                                </div>
                                <input type="hidden" id="new-show" name="new-show"
                                       value=""/>
                            </div>
                            <div class="mdui-textfield">
                                <label class="mdui-textfield-label">展示内容</label>
                                <textarea name="new-micro" id="new-micro" class="mdui-textfield-input"
                                          placeholder></textarea>
                            </div>
                            <div class="mdui-textfield mdui-textfield-floating-label" style="height: 50px">
                                <label class="mdui-textfield-label">文章内容</label>
                            </div>
                            <input class="mdui-hidden" name="new-content" id="new-content" value=""
                                   placeholder=""/>
                            <textareatiny rows="10" placeholder=""></textareatiny>
                            <button class="mdui-btn mdui-btn-raised mdui-ripple mdui-color-theme-accent"
                                    id="new-add-img"><i
                                        class="mdui-icon material-icons">file_upload</i>插入本地图片到内容
                            </button>
                        </form>
                        <form id="newShowForm" enctype="multipart/form-data"
                              action="{{route('upload_new_show_img')}}"
                              method="POST">
                            @csrf

                            <input type="file" name="upload-new-show-img" class="mdui-hidden"
                                   id="upload-new-show-img"
                                   accept="image/png,image/jpeg"/>
                        </form>
                        <form id="newContentForm" enctype="multipart/form-data"
                              action="{{route('upload_new_content_img')}}"
                              method="POST">
                            @csrf

                            <input type="file" name="upload-new-content-img" class="mdui-hidden"
                                   id="upload-new-content-img"
                                   accept="image/png,image/jpeg"/>
                        </form>
                    </div>
                </div>
                <div class="mdui-dialog-actions">
                    <button class="mdui-btn mdui-ripple" id="news-back" mdui-dialog-close>返回</button>
                    <button class="mdui-btn mdui-ripple mdui-color-pink-a200" id="update-news-button"
                            mdui-dialog-confirm>添加/更新
                    </button>
                </div>
            </div>
            <div class="mdui-dialog" id="news-delete-dialog">
                <div class="mdui-dialog-title">确定删除？</div>
                <div class="mdui-dialog-content">你将会丢失并无法还原选中的数据。</div>
                <div class="mdui-dialog-actions">
                    <button class="mdui-btn mdui-ripple" mdui-dialog-close>cancel</button>
                    <button class="mdui-btn mdui-ripple mdui-color-theme-accent" id="delete-news-erase"
                            mdui-dialog-confirm>erase
                    </button>
                </div>
            </div>
        </div>
    </div>
@endsection


@section('tab5')
    <div class="mdui-container">
        <div class="mdui-textfield mdui-textfield-floating-label">
            <label class="mdui-textfield-label">公司名称</label>
            <input id="com-name" class="mdui-textfield-input" type="text" value="{{$about_other['公司名称']}}"
                   placeholder/>
        </div>
        <div class="mdui-textfield mdui-textfield-floating-label">
            <label class="mdui-textfield-label">公司介绍</label>
            <textarea class="mdui-textfield-input" id="com-dede" placeholder>{{$about_other['公司介绍']}}</textarea>
        </div>
        <div class="mdui-textfield mdui-textfield-floating-label">
            <label class="mdui-textfield-label">公司电话</label>
            <input class="mdui-textfield-input" type="text" id="com-tel" value="{{$about_other['公司电话']}}"
                   placeholder/>
        </div>
        <div class="mdui-textfield mdui-textfield-floating-label">
            <label class="mdui-textfield-label">公司传真</label>
            <input class="mdui-textfield-input" type="text" id="com-fax" value="{{$about_other['公司传真']}}"
                   placeholder/>
        </div>
        <div class="mdui-textfield mdui-textfield-floating-label">
            <label class="mdui-textfield-label">公司地址</label>
            <input class="mdui-textfield-input" type="text" id="com-add" value="{{$about_other['公司地址']}}"
                   placeholder/>
        </div>
        <div class="mdui-card" style="width: 200px;height: 250px;">
            <div class="mdui-card-media">
                <img alt="" id="com-wx" src="{{Storage::disk('uploads')->url($about_other['微信二维码'])}}"
                     style="width: 200px; height: 200px"/>
                <div class="mdui-card-media-covered">
                    <div class="mdui-card-primary">
                        <div class="mdui-card-primary-title">微信二维码</div>
                    </div>
                </div>
            </div>
            <div class="mdui-progress mdui-hidden" id="wx-progress">
                <div class="mdui-progress-determinate" style="width: 0%;"></div>
            </div>
            <div class="mdui-card-actions">
                <button class="mdui-btn mdui-ripple" id="edit-wx">修改</button>
                <span class="mdui-text-color-black-disabled"><small>建议200x200</small></span>
            </div>
            <form id="wxForm" enctype="multipart/form-data" action="{{route('upload_wx')}}" method="POST">
                @csrf

                <input type="file" name="upload-wx" class="mdui-hidden" id="upload-wx"
                       accept="image/png,image/jpeg"/>
            </form>
            <input type="hidden" class="mdui-hidden" id="submit-wx" value="{{$about_other['微信二维码']}}"/>
        </div>
        <div class="mdui-textfield mdui-textfield-floating-label">
            <label class="mdui-textfield-label">备案</label>
            <input class="mdui-textfield-input" type="text" id="com-ipc" value="{{$about_other['备案']}}"
                   placeholder/>
        </div>
        <div class="mdui-textfield mdui-textfield-floating-label">
            <label class="mdui-textfield-label">版权</label>
            <input class="mdui-textfield-input" type="text" id="com-cpr" value="{{$about_other['版权']}}"
                   placeholder/>
        </div>
        <div class="mdui-textfield mdui-textfield-floating-label">
            <label class="mdui-textfield-label">右上角电话</label>
            <input class="mdui-textfield-input" type="text" id="com-rtt" value="{{$about_other['右上角电话']}}"
                   placeholder/>
        </div>
        <div class="mdui-textfield mdui-textfield-floating-label">
            <label class="mdui-textfield-label">公司LOGO</label>
            <input class="mdui-textfield-input" type="text" id="com-logo" value="{{$about_other['公司LOGO']}}"
                   placeholder/>
        </div>
        <div class="mdui-progress mdui-hidden" id="submit-progress">
            <div class="mdui-progress-indeterminate"></div>
        </div>
        <button class="mdui-btn mdui-btn-raised mdui-ripple mdui-color-pink-a200 mdui-float-right"
                id="submit-tab5">
            提交
        </button>
    </div>
@endsection
